<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>收银台</title>
  <link rel="stylesheet" href="../css/bootstrap.min.css">
  <link rel="stylesheet" href="../js/lib/layer_mobile/need/layer.css">
  <link rel="stylesheet" href="../css/fonts/iconfont.css">
  <link rel="stylesheet" href="../css/style_1.css">
  <!-- <script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script> -->
  <script>
    // var vs=new VConsole();
  </script>
</head>

<body>
  <div class="layout Cashier">
    <div class="title">
      <div class="left"><i class="iconfont icon-fanhui"></i> 返回</div>
      <div class="mid">
        <h3>收银台</h3>
      </div>
      <div class="right hidden">
        <button class="btn Preform"><i class="iconfont icon-yujiedan"></i> 预结单</button>
      </div>
    </div>
    <div class="main">
      <div class="billInfo">
        <div class="bill">
          <div class="item">
            <div class="h4 tNum">桌台：</div>
            <button class="btn checkMenu" data-toggle="modal" data-target="#MenuModal">查看菜单</button>
          </div>
          <div class="item">
            <div class="h4">订单金额：</div>
            <div class="h4 text-right" id="billMon"></div>
          </div>
          <div class="item">
            <div class="h4">订单折扣：</div>
            <!-- <input id="Discount" type="text" placeholder="输入折扣"> -->
            <!-- <div id="Discount" class="virtualInput text-right hidden"><span class="virtualPlac">输入折扣</span><span class="lastGB hidden"></span></div> -->
            <div id="DiscontMob">
              <input type="text" id="Discount" placeholder="输入折扣">
            </div>
          </div>
          <!--
          <div class="item">
            <div class="h4">核销券码：</div>
            <div id="hx">
              <div class="input-group">
                <input type="text" class="form-control" placeholder="输入核销券码" id="HXcode">
                <span class="input-group-btn">
                  <button class="btn btn-default searCoupon" type="button">
                    <i class="glyphicon glyphicon-search"></i>
                  </button>
                </span>
              </div>
            </div>
          </div>
          -->
          <div class="showCoupon hidden">
          </div>
          <div class="item hidden">
            <div class="h4">抹零金额：</div>
            <div class="gray virtualInput text-right" id="MLJE"><span class="virtualPlac">0.0</span><span
                class="lastGB hidden"></span></div>
          </div>
          <div class="item hidden" id="MLRadio">
            <label class="radio-inline">
              <input type="radio" name="ML" id="" value="1" checked> 不抹零
            </label>
            <label class="radio-inline">
              <input type="radio" name="ML" id="inlineRadio2" value="2"> 抹零小数点
            </label>
            <label class="radio-inline">
              <input type="radio" name="ML" id="inlineRadio3" value="3"> 抹零个位
            </label>
          </div>
          <div class="item yhMon hidden">
            <div class="h4">优惠金额：</div>
            <div class="red text-right" id="yhMon"></div>
          </div>
          <div class="item">
            <div class="h4">应收金额：</div>
            <div class="red text-right" id="receivMon"></div>
          </div>
        </div>
        <div class="payLists">
          <div class="h4">支付方式：</div>
          <ul>
          </ul>
        </div>
        <div class="ZFBZ hidden" style="margin:10px 0;">
          <span class="h4">支付备注:</span>
          <!-- <button class="btn addBZ">添加</button> -->
          <span class="h4 ZFCon" style="color:#f40;"></span>
        </div>
        <div class="BZ">
          <div class="h4">收银备注:</div>
          <!-- <button class="btn addBZ">添加</button> -->
          <input id="comment" type="text" class="form-control">
        </div>
      </div>
      <div class="keyBoard">
        <div class="vipCount hidden" >会员折扣</div>
        <div class="inputMon">
          <label>实收金额：</label>
          <input class="form-control" id="inputMon" autocomplete="off" />
        </div>
        <div class="changeBox">
          <div class="ZLMon hidden">
            <label>找零金额：</label>
            <div id="ZLMon">0.0</div>
          </div>
          <div class="FKMInput hidden">
            <label>付 款 码 ：</label>
            <input type="text" class="form-control" id="FKMInput" autocomplete="off"/>
            <!-- style="ime-mode: disabled;" onfocus="this.style.imeMode='disabled'" -->
            <i class="iconfont icon-saoma"></i>
          </div>
          <div class="HYZHInput hidden">
            <label>会员账号：</label>
            <input type="tel" class="form-control" id="member_id" placeholder="输入会员账号">
          </div>
          <div class="ZFMMInput hidden">
            <label>支付密码：</label>
            <input type="password" class="form-control" id="ZFMM" placeholder="输入支付密码">
          </div>
        </div>

        <!--  <div class="payLists">
          <div class="h4">支付方式：</div>
          <ul>
          </ul>
        </div>
        <div data-num="checkOut" class="checkOut item">确定收银</div> -->
        <div class="board">
          <div class="numList">
            <div data-num="1" class="active item">1</div>
            <div data-num="2" class="item">2</div>
            <div data-num="3" class="item">3</div>
            <div data-num="10元" class="item">10元</div>
          </div>
          <div class="numList">
            <div data-num="4" class="item">4</div>
            <div data-num="5" class="item">5</div>
            <div data-num="6" class="item">6</div>
            <div data-num="20元" class="item">20元</div>
          </div>
          <div class="numList">
            <div data-num="7" class="item">7</div>
            <div data-num="8" class="item">8</div>
            <div data-num="9" class="item">9</div>
            <div data-num="50元" class="item">50元</div>
          </div>
          <div class="numList">
            <div data-num="0" class="item">0</div>
            <div data-num="." class="item">.</div>
            <div data-num="00" class="item">00</div>
            <div data-num="100元" class="item">100元</div>
          </div>
          <div class="numList">
            <div data-num="empty" class="item">清除</div>
            <div data-num="del" class="item"><i class="iconfont icon-ziyuan"></i></div>
            <div data-num="checkOut" class="checkOut item">确定收银</div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!--稍等框-->
  <div class="modal fade" id="loading" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
    data-backdrop='static'>
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title" id="myModalLabel">支付提示</h4>
        </div>
        <div class="modal-body">
          <span id="result">支付正在进行中,请稍候。。。</span>
          <button type="button" class="btn-danger btn-sm loadclose">关闭</button>
          <button type="button" class="btn btn-info membercenter hidden">会员充值</button>
        </div>
      </div>
    </div>
  </div>

  <!--会员充值框-->
  <div class="modal fade" id="membercharge" tabindex="-1" role="dialog" aria-labelledby="memberModalLabel"
    data-backdrop='static'>
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title" id="memberModalLabel">会员充值提示</h4>
          <button type="button" class="btn-danger btn-sm loadclose">关闭该页面</button>
        </div>
        <div class="modal-body">
          <form class="form-horizontal form_HYCZ">
            <div class="form-group">
              <label for="HYZH" class="col-sm-2 control-label">
                <pre>会员账号:</pre></label>
              <div class="col-sm-9">
                <div class="input-group">
                  <input type="tel" class="form-control inputClear" name="member_id" id="HYZH" placeholder="输入会员账号">
                  <span class="input-group-btn">
                    <button class="btn btn-danger btn-search" type="button">搜索</button>
                  </span>
                </div><!-- /input-group -->
              </div>
            </div>
            <div class="form-group ZHInfo hidden">
              <label class="col-sm-2 control-label">
                <pre>账户余额:</pre></label>
              <div class="col-sm-2">
                <div class="form-control ZHYE">100.00</div>
              </div>
              <label class="col-sm-2 control-label">
                <pre>会员折扣:</pre></label>
              <div class="col-sm-2">
                <div class="form-control HYZK">10</div>
              </div>
            </div>
            <div class="form-group">
              <label for="CZJE" class="col-sm-2 control-label">
                <pre>充值金额:</pre></label>
              <div class="col-sm-3">
                <input type="number" class="form-control inputClear" name="money" id="CZJE" min="0">
              </div>
              <label for="ZSJE" class="col-sm-2 control-label">
                <pre>赠送金额:</pre></label>
              <div class="col-sm-3">
                <select name="presenter_id" class="form-control presenterLists">
                </select>
              </div>
            </div>
            <div class="form-group">
              <label for="CZJE" class="col-sm-2 control-label">
                <pre>充值方式:</pre></label>
              <div class="col-sm-9 CZFSBtns">
                <button data-payid="1" type="button" class="btn col-sm-3 active"><i
                    class="iconfont icon-xianjinzhifu"></i>
                  现金</button>
                <button data-payid="2" type="button" class="btn col-sm-offset-1 col-sm-3"><i
                    class="iconfont icon-swiftpass_alipay_scan"></i>
                  支付宝</button>
                <button data-payid="3" type="button" class="btn col-sm-offset-1 col-sm-3"><i
                    class="iconfont icon-weixinzhifu-"></i>
                  微信</button>
              </div>
            </div>

            <div class="form-group MM_input">
              <label for="MM" class="col-sm-2 control-label">
                <pre>现金充值密码:</pre></label>
              <div class="col-sm-8">
                <input type="password" name="MM" class="form-control" id="MM" placeholder="请输入密码" autofocus>
              </div>
            </div>

            <div class="form-group FKM_input hidden">
              <label for="FKM" class="col-sm-2 control-label">
                <pre>付款码:</pre></label>
              <div class="col-sm-8">
                <input type="text" name="FKM" class="form-control" id="FKM" placeholder="请扫码/输入付款码" autofocus>
              </div>
            </div>
            <div class="form-group">
              <div class="col-sm-offset-2 col-sm-9 showpayinfo hidden">
                <pre style="color: red; font-size: 18px">系统正在充值中,请稍等......</pre>
              </div>
            </div>
            <div class="form-group">
              <div class="col-sm-offset-2 col-sm-9">
                <button type="button" style="border: 1px solid #ccc;" class="btn col-sm-3 empty">清空</button>
                <button type="button" class="btn btn-info col-sm-3 col-sm-offset-3 CZ_sure">确认</button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>

  <!-- 查看菜单弹框 -->
  <div class="modal fade" id="MenuModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog modal-lg" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
              aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="MenuModalLabel">菜单详情</h4>
        </div>
        <div class="modal-body">
          <div class="title">
            <span>商品</span>
            <span>单价(元)</span>
            <span>数量</span>
            <span>金额</span>
          </div>
          <ul class="menuLists"></ul>
        </div>

      </div>
    </div>
  </div>
  <!-- 多支付方式输入金额弹框 -->
  <div class="modal fade" id="PayModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
              aria-hidden="true">&times;</span></button>
          <h4 class="modal-title"></h4>
        </div>
        <div class="modal-body">
          <div class="groups">
            <label>支付金额：</label>
            <input type="number" class="pay-mon" placeholder="请输入金额">
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">取 消</button>
          <button type="button" class="btn btn-primary btn-pay">确认</button>
        </div>
      </div>
    </div>
  </div>


  <script src="../js/lib/jquery.min.js"></script>
  <script src="../js/lib/layer_mobile/layer.js"></script>
  <script src="../js/lib/bootstrap.min.js"></script>
  <script src="../js/app/app.js"></script>
  <script src="../js/lib/moment-with-locales.min.js"></script>
  <script src="../js/lib/moment.min.js"></script>
  <script src="../js/app/Cashier_1.js?v=1.01"></script>
</body>

</html>